<template>
  <!-- 你使用props.title和title都行，都能读取到props中的title, 所以别学我，没病应该不会多写个props -->
  <div class="root" @click="handleClick">
    我是demo组件, 我爸爸给了我一个{{ props.title }}, 点我下试试
  </div>
</template>
  
  <script setup>
//不知道你有没有这种疑问，那就是setup函数都没有了，我该怎么使用props和emit呢？

// props可以使用vue提供的api，defineProps()，使用方法很简单，其实就和没接触VCA之前的props差不多，可以去复习一下
const props = defineProps({
  // 你也可以 title:String、title:[String,Number]这样写
  title: {
    type: String,
    default: "111",
    validator(val) {
      return val.includes("1");
    },
  },
});

// 子传父emit也很简单，调用defineEmits()，里面传入一个数组，包含所有存在的自定义事件的名字
const emit = defineEmits(["handleClick"]);
const handleClick = () => {
  emit("handleClick", "点什么点，是不是贱");
};
</script>